/*
/杨洪强
/2018\11\5
/商品评论回复
*/
@import "../lib/base.less";
.shop-top-path{width: 100%;height: 40px;line-height: 40px;background-color: #f3f3f3;
    >div{width: 1200px;margin: 0 auto;height: 40px;
        >span{padding: 0 5px 0 5px;display: inline-block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
        a:hover{color: #e64545;}
    }
}
// 主体部分
.shop-evaluation-response-main{width: 1200px;margin: 20px auto 0 auto;overflow: hidden;
    // 左侧产品信息
    .shop-product-information{width: 224px;height: 366px;float: left;
        .shop-pi-header{background-color: #f5f5f5;width: 222px;height: 38px;border: 1px solid #eeeeee;line-height: 38px;text-indent: 15px;color: #666666;}
        .shop-pi-main{width: 222px;height: 297px;border: 1px solid #eeeeee;border-top: none;
            .shop-image-display{width: 222px;height: 209px;
                img{width: 222px;height: 209px;}
            }
            .shop-commodity-name{font-size: 12px;line-height: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 10px 0 0 0;
                .shop-self-operated{width: 30px;height: 16px;background-color: #e64545;display: inline-block;margin: 0 0 0 9px;text-align: center;color: #fff;}
                
            }
            .shop-evaluation-amount{line-height: 12px;text-indent: 9px;color: #aaaaaa;margin-top: 13px;
                span{color: #005aa5;}
            }
            .shop-commodity-price{line-height: 18px;font-size: 14px;text-indent: 9px;color: #e64545;font-weight: 600;margin-top: 14px;}
        }
        .shop-commodity-operating{width: 223px;height: 29px;border: 1px solid #eeeeee;border-top: none;border-right: none;
            >div{border-right: 1px solid #eeeeee;height: 29px;float: left;line-height: 29px;text-align: center;color: #a7a7a7;cursor: pointer;
                span{display: inline-block;}
            }
            .shop-co-attention{width: 60px;
                .shop-icon-attention{background-image: url("@{imgRoot}/shop_user_xinImg.png");width: 14px;height: 13px;vertical-align: middle;}
            }
            .shop-co-attention2{
                .shop-icon-attention{background: url("@{imgRoot}/search_ico_follow_sel.png")}
            }
            .shop-add-to-shopping-cart{width: 100px;
                .shop-icon-shopping-cart{background-image: url("@{imgRoot}/shop_user_carImg.png");width: 14px;height: 12px;vertical-align: middle;}
            }
            .shop-e-book{width: 60px;
                a{color: #a7a7a7;}
                a:hover{color: #e64545;}
            }
            >div:hover{color: #e64545;}
        }
    }
    // 右侧商品评价
    .shop-product-review{width: 966px;margin-left: 8px;float: left;
        >.shop-pr-header{width: 964px;height: 38px;line-height: 38px;text-indent: 15px;color: #9f9f9f;background-color: #f5f5f5;border: 1px solid #e1e1e1;
            span{color: #e64545;font-weight: 600;font-size: 16px;}
        }
        >.shop-pr-main{width: 966px;margin: 18px 0 0 0;overflow: hidden;
            // 左侧用户信息
            .shop-pr-user-info{width: 100px;padding: 0 22px 0 0;float: left;
                .shop-profile-picture{width: 40px;height: 40px;border-radius: 50%;margin: 0 auto;
                    img{width: 40px;height: 40px;}
                }
                .shop-user-name{line-height: 12px;text-align: center;line-height: 28px}
                .shop-date-of-purchase{text-align: center;color: #a0a0a0;
                    >p{margin: 0 0 6px 0;}
                }
            }
            // 右侧评论信息
            .shop-pr-comment-information{float: left;width: 842px;
                .shop-pr-commrnt-content{background-color: #fafff9;border: 1px solid #cee1cb;width: 840px;position: relative;
                    >.shop-pr-arrow{position: absolute;background: url("@{imgRoot}/shop.left.evaluation.response.png");width: 12px;height: 14px;top: 14px;left: -10px;}
                    >.shop-pr-header{width: 802px;height: 39px;margin: 0 0 0 20px;border-top: 1px solid #fafff9;border-bottom: 1px solid #eeeeee;
                        .shop-pr-star{background: url("@{imgRoot}/xiangqing_pingjia_star_def.png") no-repeat;width: 74px;height: 14px;margin: 13px 0 0 0;float: left;
                            span{background: url("@{imgRoot}/xiangqing_pingjia_star_sel.png") no-repeat;display: block;height: 14px;width: 59px;}
                        }
                        .shop-pr-header-date{float: right;line-height: 40px;color: #9fa09f;}
                    }
                    >.shop-pr-comment{padding: 14px 0 0 0;
                        >.shop-pr-comment-contenty{font-size: 12px;line-height: 24px;padding: 0 20px;}
                        >.shop-pr-comment-operating{height: 20px;padding: 10px 20px 10px 20px;

                            span{height: 20px;padding: 0 10px 0 10px;line-height: 20px;border: 1px solid #e1e1e1;background: #ffffff;color: #005aa5;cursor: pointer;}
                            >.shop-Reply{float: right;color: #666;}
                            span:hover{color: #e64545;}
                        }
                        >.shop-pr-comment-response{
                            
                            >.shop-pr-comment-response-item{overflow: hidden;position: relative;
                                >.shop-comment-response-serial-number{float: left;width: 85px;
                                    span{font-size: 16px;color: #999999;margin: 8px 0 0 67px;display: inline-block;font-weight: 600;}
                                }
                                >.shop-pr-comment-response-item-in{width: 737px;border-top: 1px solid #eeeeee;float: left;padding: 0 0 10px 0;
                                    .shop-pr-comment-response-item-top{line-height: 24px;padding: 7px 0 0 0;
                                        >span{color: #999999;}
                                        >.shop-say-user, .shop-listen-user{color: #005aa5;}
                                        >.shop-pr-comment-response-item-date{float: right;color: #999999;}
                                    }
                                    .shop-pr-comment-response-item-bottom{
                                        >p{word-break: break-all;}
                                    }

                                }
                                >.shop-pr-comment-response-item-reply-btn{position: absolute;width: 58px;height: 20px;border: 1px solid #eeeeee;background: #fff;text-align: center;line-height: 20px;right: 20px;top: 30px;display: none;cursor: pointer;}
                                
                            }
                            >.shop-pr-comment-response-item:hover{background-color: #daf4d5;
                                >.shop-pr-comment-response-item-reply-btn{display: block;}
                            }
                        }
                    }
                }
                // 回复分页
                >.shop-pr-pagination{padding: 0 8px 0 0;line-height: 40px;overflow: hidden;
                    span{width: 20px;color: #999999;float: right;cursor: pointer;}
                    >.shop-span-s{color: #333;}
                    span:hover{color: #e64545;}
                }
                // 发表回复
                >.shop-pr-post-reply{width: 842px;height: 315px;border: 1px solid #eeeeee;background: #f8f8f8;
                    >.shop-pr-post-reply-header{height: 44px;text-indent: 20px;line-height: 44px;font-size: 14px;}
                    >textarea{width: 670px;height: 114px;border: 1px solid #eee;background: #fff;margin-left: 20px;text-indent: 12px;padding-top: 14px;}
                    >.shop-enter-remaining{text-indent: 20px;line-height: 36px;color: #999;
                        span{color: #333;}
                    }
                    >.shop-verification-code{text-indent: 20px;height: 30px;line-height: 30px;
                        input{color: #999;text-indent: 8px;margin: 0 10px  0 8px;width: 118px;height: 28px;border: 1px solid #eee;background: #fff;}
                        img{width: 70px;height: 28px;border: 1px solid #eee;vertical-align: middle;}
                        button{cursor: pointer;margin-left: 6px;}
                        button:hover{color: #e64545;}
                    }
                    >button{width: 80px;height: 30px;background: #e64545;color: #fff;margin-left: 20px;margin-top: 20px;cursor: pointer;}
                }
            }
        }
    }

}